<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:rich="http://richfaces.org/rich"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:a4j="http://richfaces.org/a4j">
    <a4j:form id="frmObservacion">


        <rich:panel id="panObservaciones" header="Observacion" rendered="true">
		<h:panelGrid id="pnlEntObservaciones" columns="4" styleClass="gridhello" columnClasses="gridhellocolumn">

                    <h:outputText value="" />
                    <h:inputHidden value="#{gestorObservaciones.currentObservacion.codigo}"/>
                    <h:outputText value="" />
                    <h:outputText value="" />

                    <h:outputText value="Fecha de Inicio:"   />
                        <h:panelGroup>

                        <a4j:outputPanel id="calendar" layout="block">
                            <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                            <rich:calendar value="#{gestorObservaciones.currentObservacion.fecha}"
                                           showApplyButton="true"
                                           cellWidth="24px"
                                           cellHeight="22px"
                                           style="width:150px"/>
                        </a4j:outputPanel>
                        </h:panelGroup>

                        <h:outputText value="" />
                        <h:outputText value="" />

                        <h:outputText value="Observacion:" />
                        <h:panelGroup>
                            <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                            <h:inputTextarea id="Observacion" value="#{gestorObservaciones.currentObservacion.observacion}"
                                     required="true" 
                                     requiredMessage="Es necesario llenar este campo."
                                     cols="40" rows="10"
                                     >
                        <a4j:support event="onblur"/>
                        </h:inputTextarea>
                        <rich:message for="Observacion" errorClass="mensaje_error"/>
                        </h:panelGroup>
                        <h:outputText value="" />
                        <h:outputText value="" />



        	</h:panelGrid>
        	<h:panelGrid id="pngBtnGrabar" columns="3" cellspacing="5px">
			<a4j:commandButton id="btnGrabar" value="Agregar/Modificar" action="#{gestorObservaciones.grabar}"
                                                   title="Grabar o Modificar"/>
                        <a4j:commandButton id="btnRegresar" value="Regresar" action="listarObservaciones" immediate="true"
	                                           title="Regresa a la Pagina Observaciones"/>

	        </h:panelGrid>
                <h:panelGrid id="mensajitoRequerido">
                        <h:panelGroup>
                            <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                            <h:outputText value="= El Campo es Requerido" styleClass="mensaje_AvisoRojo"  />
                        </h:panelGroup>
                        <h:panelGroup>
                            <img src="../imagenes/opcional.png" width="12" height="12" alt="opcional"/>
                            <h:outputText value="= El Campo es Opcional" styleClass="mensaje_AvisoAzul"  />
                        </h:panelGroup>
                    </h:panelGrid>

        </rich:panel>

        <a4j:include id="incBuscarUsuario" viewId="/comun/buscarUsuario.xhtml"/>
    </a4j:form>
</ui:composition>
